<template>
  <div>
    <p>useMouse x: {{ x }} y: {{ y }}</p>
    <ExtendsButton :abc="'123'">aaa</ExtendsButton>
    <button @click.ctrl="onClick">A</button>
  </div>
</template>
<script>
import { useMouse } from '@vueuse/core';
import ExtendsButton from '@/components/ExtendsButton.vue';
import MxAlert from '@/components/MxAlert';
export default {
  setup() {
    const { x, y } = useMouse();
    return {
      x,
      y,
    };
  },
  components: { ExtendsButton },
  methods: {
    onClick() {
      const mxAlert = new MxAlert().$mount();
      console.log(mxAlert);
      document.body.appendChild(mxAlert.$el);
    },
  },
};
</script>

